<template>
  <div>
    <button :class="[type, size]">{{ title }}</button>
  </div>
</template>

<script>
export default {
  props:['type','size','title']
}
</script>

<style>
  .primary{
    background: #409eff;
  }
  .success{
    background: #67c23a;
  }
  .info{
    background: #909399;
  }
  .min{
    width: 100px;
    height: 30px;
  }
  .med{
    width: 150px;
    height: 50px;
  }
  .big{
    width: 200px;
    height: 70px;
  }
</style>